<template>
  <button
    @click="$emit('input', !value)"
    class="button button--plain profile-header-expand-button"
  >
    <div class="s24" style="display: inline-flex; align-items: center; justify-content: center;">
      <i :class="value ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
    </div>
    {{ value ? '收起详细资料' : '查看详细资料' }}
  </button>
</template>

<script>
export default {
  name: 'profile-header-expand-button',
  props: {
    value: Boolean,
  },
};
</script>

<style lang="scss">
.profile-header-expand-button {
  line-height: 1;
}
</style>
